<template>
	<div class="about">
		<maining :tablist="tablist" :showi="showi" @ontab="ontab" title="关于我们">
			<template v-if="showi == 1" v-slot:title>
				<div v-show="!showdel" class="is-wb is-tc "
					:style="{ 'padding': showMobile ? '30px 10px 0 10px' : '45px 15px 0 15px', 'margin-bottom': showMobile ? '0px' : '30px' }">
					<div :style="{ 'font-size': showMobile ? '18px' : '30px', 'margin-bottom': showMobile ? '0px' : '10px' }">
						{{ shililist[showindex].name }}
					</div>
					<!-- <div class="is-f-12" style="color: #969696;">
						<span>类别：{{tablist[showi].name}} <span class="is-m-l1">日期：2020-09-24 17:48:47 </span> <span
								class="is-m-l2">我要分享</span></span>
					</div> -->

				</div>
			</template>
			<template v-slot:main>
				<div v-show="showi == 0" class="" style="padding: 20px 30px;">
					<div class="">
						<img style="width: 100%;height: auto;" src="@/assets/img/th-chanpin2.jpg" alt="">
						<div style="height: 22px;">

						</div>
						<!-- <p class="is-f-14" style="color: #0c0c0c;text-indent:2em;line-height: 22px;" >
							的高科技是一家拥有自主知识产权、专注于物联网安全管理系统的软硬件研发、 销售及服务为一体的高新技术企业。公司于2018年在北京中关村创业大厦成立，
							是国 家级科技企业孵化器北京海淀创业园重点孵化单位。公司拥有中关村高新技术企业、 北京市新四板(企业代码:ZS4380)挂牌企业、
							北京市雏鹰人才企业、美团、联通智慧工 地优质合作商等荣誉资质。
						</p>
						
						<p class="is-f-14" style="color: #0c0c0c;text-indent:2em;line-height: 22px;">
							公司在北京、大连、海口均设有研发、产品等部门。技术团队由来自于美国硅谷 名企和名校博士、硕士组成；产品团队人均拥有20年以上传统产业工作经验。
						</p>
						
						<p class="is-f-14" style="color: #0c0c0c;text-indent:2em;line-height: 22px;">
							自成立以来，已为建筑、地产、工业、学校等领域，超过600家企业提供服务， 为近80万一线工作人员的安全保驾护航。
						</p>
						
						<p class="is-f-14" style="color: #0c0c0c;text-indent:2em;line-height: 22px;">
							我们的目标是利用计算机尖端技术，提供灵活的物联网软硬件系统解决方案，为 建筑施工等企业安全生产保驾护航，让施工更安全。
						</p> -->
						<p class="is-f-14" style="color: #0c0c0c;text-indent:2em;line-height: 22px;margin-bottom: 10px;">
							黑龙江天桦生物科技有限公司，在北纬49°的黑龙江大地强势落子，这里资源富集，公司坐拥得天独厚的桦树汁资源优势。公司斥资4000万元，项目占地规模达11785.3平方米。其中，标准化生产车间含原辅包库房共计6079.3平方米，配套2条现代化果汁生产线；另有468平方米的丁类库房。
						</p>

						<p class="is-f-14" style="color: #0c0c0c;text-indent:2em;line-height: 22px;margin-bottom: 10px;">
							北纬49°的纯净自然环境，孕育出的桦树汁品质上乘、营养丰富、独具特色。天桦生物凭借对这一珍贵资源的独家开发权，运用先进科技手段精心萃取，最大程度保留了桦树汁的天然活性成分与有益物质。
						</p>

						<p class="is-f-14" style="color: #0c0c0c;text-indent:2em;line-height: 22px;margin-bottom: 10px;">
							在研发与生产环节，公司严格遵循国际高标准，从源头采集到成品出厂，层层把控质量。专业的科研团队不断探索创新，致力于深度挖掘桦树汁的价值，并将其广泛应用于健康饮品、美容护肤、营养保健品等多个领域。以桦树汁为核心，天桦生物打造出一系列极具竞争力的产品，成功在市场中脱颖而出，引领行业发展潮流，为消费者带来源于自然的高品质健康体验。
						</p>
						<div style="height: 80px;"></div>
					</div>
				</div>
				<div v-show="showi == 1">
					<div v-show="showdel" :style="{ padding: showMobile ? '10px' : '20px 40px' }" class="flex-r flex-w flex-sp">
						<div v-if="!showMobile" class=" is-m-b2" v-for="(item, index) in shililist" :key="index"
							style="height: 330px;width: 250px;overflow: hidden;" @click="onpath(index)">
							<div class="card" style="width: 100%;height: 300px;">
								<img :src="item.url" alt="">
							</div>
							<div class="is-f-14" style="text-align: center; color: #666;">
								{{ item.name }}
							</div>
						</div>
						<div v-if="showMobile" class="is-m-b2" v-for="(item, index) in shililist" :key="index"
							style="height: 304px;width: 50%;overflow: hidden;" @click="onpath(index)">
							<div class="card" style="width: 100%;height: 240px;">
								<img class="is-img" :src="item.url" alt="">
							</div>
							<div class="is-f-14" style="text-align: center; color: #666;">
								{{ item.name }}
							</div>
						</div>
					</div>
					<div v-show="!showdel" style="padding: 30px 30px;">
						<img class="is-img" :src="shililist[showindex].img" alt="">
						<div>
							{{ shililist[showindex].text }}
						</div>
					</div>
				</div>

			</template>
		</maining>
	</div>
</template>

<script lang="ts" setup>
import maining from '@/components/main.vue'
import { storeToRefs } from 'pinia'
import useAppStore from '@/store/modules/home'
import { isMobile } from '@/utils/index'
const store = storeToRefs(useAppStore())
const showi = store.showi
const showdel = store.showdel
const showindex = ref(0)
const onpath = (i: any) => {
	useAppStore().onshowdel(false)
	showindex.value = i
}
const tablist = ref([
	{
		name: '公司简介'
	},
	{
		name: '实力证明'
	}
])
const shililist = ref([
	{
		url: ref(new URL('@/assets/img/tianhuazuopin1.png',
			import.meta.url).href),
		img: ref(new URL('@/assets/img/sunwuzuopin1.png',
			import.meta.url).href),
		name: '作品登记证书',
		text: `2025年02月28日，黑龙江天桦生物科技有限公司申请，经甘肃省版权局审核通过。`
	},
	// {
	// 	url: ref(new URL('@/assets/about/bg2.png',
	// 		import.meta.url).href),
	// 	img: ref(new URL('@/assets/about/a2.png',
	// 		import.meta.url).href),
	// 	name: '北京市新四板挂牌资质',
	// 	text: `热烈祝贺北京的高科技有限公司荣获北京市新四板(企业代码:ZS4380)孵化版挂牌企业资质！`
	// },
	// {
	// 	url: ref(new URL('@/assets/about/bg3.png',
	// 		import.meta.url).href),
	// 	img: ref(new URL('@/assets/about/a3.png',
	// 		import.meta.url).href),
	// 	name: '软件著作权证书',
	// 	text: `2018年11月12日，的高科技荣获中华人民共和国国家版权局计算机软件著作权登记证书。`
	// },
	// {
	// 	url: ref(new URL('@/assets/about/bg4.png',
	// 		import.meta.url).href),
	// 	img: ref(new URL('@/assets/about/a4.png',
	// 		import.meta.url).href),
	// 	name: '软件著作权证书',
	// 	text: `2018年11月12日，的高科技荣获中华人民共和国国家版权局计算机软件著作权登记证书。`
	// },
	// {
	// 	url: ref(new URL('@/assets/about/bg5.png',
	// 		import.meta.url).href),
	// 	img: ref(new URL('@/assets/about/a5.png',
	// 		import.meta.url).href),
	// 	name: '软件著作权证书',
	// 	text: `2018年11月9日，的高科技荣获中华人民共和国国家版权局计算机软件著作权登记证书。`
	// }, 
])

const ontab = (i: any) => {
	showi.value = i
	showdel.value = true
}
const showMobile = ref(null)
onMounted(() => {
	showMobile.value = isMobile() //true 移动端 false pc
})
</script>

<style lang="scss" scoped>
.about {
	.card {

		transition: 400ms;

		&:hover {
			transform: scale(1.1, 1.1);
		}
	}
}
</style>